@import "settings";
// @import "foundation";

// Or selectively include components
 @import
  "foundation/components/accordion",
  "foundation/components/alert-boxes",
   "foundation/components/block-grid",
//   "foundation/components/breadcrumbs",
   "foundation/components/button-groups",
   "foundation/components/buttons",
   "foundation/components/clearing",
   "foundation/components/dropdown",
//   "foundation/components/dropdown-buttons",
//   "foundation/components/flex-video",
   "foundation/components/forms",
   "foundation/components/grid",
   "foundation/components/inline-lists",
//   "foundation/components/joyride",
//   "foundation/components/keystrokes",
   "foundation/components/labels",
//   "foundation/components/magellan",
  "foundation/components/offcanvas",
  "foundation/components/orbit",
   "foundation/components/pagination",
//   "foundation/components/panels",
//   "foundation/components/pricing-tables",
   "foundation/components/progress-bars",
   "foundation/components/reveal",
//   "foundation/components/side-nav",
//   "foundation/components/split-buttons",
//   "foundation/components/sub-nav",
   "foundation/components/switches",
   "foundation/components/tables",
  "foundation/components/tabs",
   "foundation/components/thumbs",
   "foundation/components/tooltips",
//   "foundation/components/top-bar",
   "foundation/components/type";
//   "foundation/components/offcanvas",
//   "foundation/components/visibility";


$maincolor   : #009EA1;
$gainsboro   : #DDDDDD;
$w           : #FFFFFF;
$ghost       : #FAFAFA;
$snow        : #F9F9F9;
$vapor       : #F6F6F6;
$white-s     : #F5F5F5;
$silver      : #EFEFEF;
$smoke       : #EEEEEE;
$iron        : #CCCCCC;
$base        : #AAAAAA;
$aluminum    : #999999;
$jumbo       : #888888;
$monsoon     : #777777;
$steel       : #666666;
$charcoal    : #555555;
$tuatara     : #444444;
$oil         : #333333;
$jet         : #222222;
$b           : #000000;
$gray		 : #4D4D4D;

* {
	font-family: 'Open Sans';
	border:none;
	color:#3d3d3d;
}
.reveal-modal-bg {
	position: fixed;
	z-index:20;
}

textarea {
	box-shadow:none !important;
	border:none !important;
	resize:none !important;
}
.chat-box {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 220px;
    height: 285px;
    background-color: rgb(237, 239, 244);
    width: 300px;
    border: 1px solid rgba(29, 49, 91, .3);
 	.popup-head {
        background-color: #009EA1;
        padding: 5px;
        color: white;
        font-weight: bold;
        font-size: 14px;
        clear: both;
        .popup-head-left {
			float: left;       
        }
        .popup-head-right {
            float: right;
            opacity: 0.5;  
            a {
                text-decoration: none;
                color: inherit;           
            }    
        }
    }
    .popup-messages {
        height: 70%;
        overflow-y: scroll;
        background: whitesmoke;
		.chatter {
            margin-bottom: 4px;
            font-size: 12px;
            background:whitesmoke;
            padding:.5rem;
            img {
                height:38px;
                width:38px;
                border-radius:38px;
                vertical-align:middle; }
            a.chatinfo {
                padding:.4rem .1rem .4rem .1rem;
                color:$maincolor !important;
                display: block;
                height: 100%; }
            p {
			    color:$oil;
			    margin:-.9rem 0 0 3rem;
			    line-height:.7rem;
		    }
		    span {
		    	margin-left:.5rem;
		    	time {
		    		font-size:.5rem !important;
		    		color:black !important;
		    	}
		    }
        }
        .receiver {
        	background:$snow !important;
        }
    }
    div.reply {
        height:30%;
        background:$snow;
        padding:.2rem .8rem .2rem .2rem;
    }
}
            
.chat-wrap {
	background:white;
    width: 245px;
    position: fixed;
    height: 68%;
    right: 5px;
    bottom:4%;
    padding-bottom: 10px;
    border: 1px solid rgba(29, 49, 91, .3);
    z-index:1 ;
	header.chat-head {
		background:#C9C9C9;
		height:25px
	}
	section.chat-search {
		padding:0;
		margin-top:.5rem;
		div span,input {
			border:none !important;
			background:white;
			box-shadow:none !important;
		}
	}
	section.chat-list {
		height:20rem;
		overflow:auto;
		margin-top:4rem;
		.chatter
            {
                margin-bottom: 4px;
                font-size: 12px;
                background:whitesmoke;
                img {
                	height:38px;
                	width:38px;
                	border-radius:38px;
                	vertical-align:middle;
                }
                a.chatinfo {
                	padding:.4rem .1rem .4rem .1rem;
                	color:$maincolor !important;
                	display: block;
                	height: 100%;
                }
               	p {
					color:orange;
					margin:-1.3rem 0 0 3rem;
				}
            }
	}
}
	footer.chat-footer {
		width:245px;
		position: fixed;height: 4%;
		right: 5px;
		bottom:0px;
		padding:2px 2px 2px 10px;
		z-index:999999;
		background:#C9C9C9;
		color:white;
		a {
			color:white !important;
		}
	}

body {
	background: #EDEDED !important;
}

.orbit-container .orbit-prev span,
.orbit-container .orbit-next span {
    color: white;
    border: none;
    font-size: 4.8rem;
    text-indent: 0;
    margin-top: -32px;
    h1 {
    	letter-spacing:.3rem !important;
    }
}
.orbit-prev,.orbit-next:hover {
	background:none !important;
}

.orbit-container .orbit-prev {
    background-color: transparent;
}
.orbit-container .orbit-prev span:before {
    content: "\2039";
}
.orbit-container .orbit-next {
    background-color: transparent;
}
.orbit-container .orbit-next span:before {
    content: "\203A";
}
.top-nav-bar {
	margin-top:1rem;
	z-index:999999999999999;
	padding:0;
	padding:.3rem;
	.right-section {
		padding:0;
		ul.menu {
			margin:1rem 1rem 0 0 !important;
			li {
				margin-left:2rem !important;
				a {
					color:white !important;
					font-size:1.1rem;
					letter-spacing:0rem;
				}
			}
		}
	}
	.left-section{
		a {
			font-family: 'Open Sans', sans-serif, Semibold;
			font-size:1.2rem;
			color:white;		
		}
	}
}

.body-main {
	/*background: url('img/bg3.jpg');*/
    height: 100%;

	#body-main-bg {
	    top: 0;
	    left: 0;
	    height: 100%;
		background: $w;
		background-size: cover !important;
		padding-top:9rem;

		h1 {
			color:$w;
			text-align:center;
		}
    }
}

/*modal styling*/
.lgn-modal {
	padding:0rem;
	border-radius:8px;

	.mdl-in-wrapper {
		input[type="text"],input[type="password"] {
	  		height:45px !important;
	  		/*border-radius:8px !important;*/
  		}
  	}
  	a.frgt {
  		color:$maincolor !important;
  		font-size:.9rem;
  	}
}
.form-mdl {
	padding:0 !important;
}
.lgn-btn-mdl {
	border-radius: .234rem;
	height:3rem;
}
.form-mdl {
	::-webkit-input-placeholder {
		text-align: center; 
		letter-spacing: 0rem;
	}
  	::-moz-placeholder { /* Firefox 19+ */
		text-align: center; 
		letter-spacing: 0rem;
	}
  	:-ms-input-placeholder {
		text-align: center; 
		letter-spacing: 0rem;
    }
  :-moz-placeholder { /* Firefox 18- */
		text-align: center; 
		letter-spacing: 0rem;
	}
    div {
    	padding:0!important;
    }
}
hr.hr-mdl-lgn {
    padding:0;
    color: gray;
    text-align: center;
    margin-bottom: 1.34rem;
    margin-top: 12.5rem;
}
hr.hr-mdl-lgn:after {
  	content: "or";
  	display: inline-block;
  	position: relative;
  	top: -1.1em !important;
  	font-size: .7em;
  	padding: 0 .8em;border-radius: 15px;
  	background: $w;
}

/*erroorrrrs!! */
.erralert {
 	padding:.34rem !important;
 	margin:0;
 	background:#F2DEDE;
	border-radius:.2rem;
  	margin-bottom: .4rem;
  	border:solid 1px #EED3D7;
}
.erralert a {
  	color:#D45B6A;
  	font-size:.85rem;
  	letter-spacing: .01123rem;
  	text-align: center;
}
.erralert strong {
  	color:#CD4A48;
  	font-size: .9rem;
}

.regerr i {
  font-size:1.1rem;
}
.regerr {
 padding:.34rem !important;

 background:#F2DEDE !important;
  border:solid 1px #EED3D7 !important;
  border-top:none !important;
  border-bottom: solid !important;;
  color:#D45B6A !important;
  font-size:.7rem !important;
  letter-spacing: .02123rem;
  font-style: normal !important;
}





/*header_user*/
.header-user-wrap {
	height:3.3rem;
	background:$maincolor;
	padding-top: 0.5rem;
	z-index:999;
	position:fixed;
    -webkit-box-shadow: 0px 2px 8px -3px rgba(61,61,61,1);
    -moz-box-shadow: 0px 2px 8px -3px rgba(61,61,61,1);
    box-shadow: 0px 2px 8px -3px rgba(61,61,61,1);
	.header-holder {
		padding:0;
		.header-left-section {
			.search-header {
				padding:.25rem 0 0 0;
				input[type="text"] {
					border:#F2F2F2 solid 1px;
					border-right:none;
					box-shadow:none;
					border-radius:.35rem 0 0 .35rem;
					height:1.9rem;				
				}/**/
				.button {
					background:white;
					margin-left:0;
					margin-right:0;
					font-size:1rem;
					border-radius:0 .35rem .35rem 0;
					height:1.9rem;
					padding:0;
					i {
						color:gray;
						margin-top:-1rem;
					}	
				}
				button {
					background:none;
					color:white;
					padding-left:0;
					border:none;
				}
				.arrow-down {
				 	width: 0;
				  	height: 0;
				  	border-left: 5px solid transparent;
				  	border-right: 5px solid transparent;
				  	border-top: 6px solid black;
				 	margin-left: 60px;
				  	margin-top: -10px;
				  	color:black !important;
				}
				.search-dropdown dd, .search-dropdown dt, .search-dropdown ul { margin:0px; padding:0px; }
		        .search-dropdown dd { position:relative; }
		        .search-dropdown a, .search-dropdown a:visited { color:black;font-size:.75rem !important;margin-top:.5rem !important; text-decoration:none; outline:none;}
		        .search-dropdown a:hover { color:black;}
		        .search-dropdown dt a:hover, .search-dropdown dt a:focus { color:white; border: none;}
		        .search-dropdown dt a {background:none url('drop.png') no-repeat scroll right center !important; display:block; padding-right:20px;border:none; width:150px;}
		        .search-dropdown dt a span {cursor:pointer; display:block; padding:5px;}
		        .search-dropdown dd ul { background:white none repeat scroll 0 0; border:none; color:#C5C0B0; display:none;
		                          left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;border-radius:0 0 .45rem .45rem;}
		        .search-dropdown span.value { display:none;}
		        .search-dropdown dd ul li a { padding:5px; display:block;}
		        .search-dropdown dd ul li a:hover { background-color:whitesmoke;}
		        
		        .search-dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
		        .flagvisibility { display:none;}									
			}
			padding-left:0;
			.logo-colored {
			
				img {
					position:absolute;
					width:2.7rem;
					height:2.7rem;
					margin:-.1rem 0 0 0;
				}
			}
		}
		.header-right-section {
			ul {
			margin-top:.5rem;
				li {
					margin-left:1.4rem;
					a {
						color: white;
						font-size:.8rem;
					}
					i {
						color:#3d3d3d;
						font-size:1.65rem;
					}
					img {
						height:25px;
						width:25px;
						border-radius:25px;
					}
				}
				a.excep {
					margin-top:0rem !important;

				}
				#user-account  {
					li {
						background: white !important;
					}
				}
			#messageContainer {
				background-color: #FAFAFA;
				border: 4px solid $maincolor;
				-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
				overflow: visible;
				position: absolute;
				top: 50px;
				margin-left: -356px;
				margin-top:7px;
				width: 380px;
				z-index: -1;
				display: none;
				border-radius: 0 0 .4rem .4rem;
			}
			#notificationContainer {
				background-color: #FAFAFA;
				border: 4px solid $maincolor;
				-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
				overflow: visible;
				position: absolute;
				top: 50px;
				margin-left: -356px;
				margin-top:7px;
				width: 380px;
				z-index: -1;
				display: none;
				border-radius: 0 0 .4rem .4rem;
			}
			#friendrequestContainer {
				background-color: white;
				border: 4px solid $maincolor;
				-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
				overflow: visible;
				position: absolute;
				top: 50px;
				margin-left: -176px;
				margin-top:7px;
				width: 380px;
				z-index: -1;
				display: none;
				border-radius: 0 0 .4rem .4rem;
			}

			#messageContainer:before {
				content: '';
				display: block;
				position: absolute;
				width: 0;
				height: 0;
				color: transparent;
				border: 10px solid black;
				border-color: transparent transparent $maincolor;
				margin-top: -20px;
				margin-left: 356px;
			}
			
			#notificationContainer:before {
				content: '';
				display: block;
				position: absolute;
				width: 0;
				height: 0;
				color: transparent;
				border: 10px solid black;
				border-color: transparent transparent $maincolor;
				margin-top: -20px;
				margin-left: 356px;
			}
			#friendrequestContainer:before {
				content: '';
				display: block;
				position: absolute;
				width: 0;
				height: 0;
				color: transparent;
				border: 10px solid black;
				border-color: transparent transparent $maincolor;
				margin-top: -20px;
				margin-left: 170px;
			}
		
			#titleNotif {
				z-index: 1000;
				font-weight: bold;
				padding: 8px;
				font-size: 13px;
				background-color: white;
				border-bottom: 1px solid #dddddd;
				color:$b !important;
				border-radius: .4rem 0 0 0;
			}
			#bodyNotif {
				padding: 0px !important;
				max-height:600px;
				/*.accepted {
					.details {
						color:#B7D658;
						i {
							color:#B7D658;
						}
					}
				}
				.commented {
					.details {
						color:#D6D258;
						i {
							color:#D6D258;
						}
					}
				}
				.liked {
					.details {
						color:#58BBD6;
						i {
							color:#58BBD6;
						}
					}
				}*/
				.notif-ol:hover {
					background: $gainsboro !important;
					transition: background 0.2s ease,
				    	padding 0.8s linear,
				    	border 0.21s ease;
				}
				.notif-ol.active-notif:hover {
					background: skyblue !important;
					transition: background 0.2s ease,
				    	padding 0.8s linear,
				    	border 0.21s ease;
				    color:white !important;
				}
				.notif-ol {
					padding:.3rem;
					background:white;
					/*border-bottom:solid 1px #D1D1D1;*/
					cursor: pointer !important;
					.reqbtns {
						.acc {
							color:white !important;
							background:$maincolor !important;
							margin-right:.8rem;
						}
						.dec {
							color:$oil !important;
							background:$snow !important;
						}
					}
					div {
						padding:0;
					}
					i.type {
						font-size:.943rem;
					}
					img.dp {
						width:2.6rem;
						height:2.6rem;
						border-radius:2.6rem;
					}
					a.name {
						color:$maincolor;
						font-size:.87rem;
						font-weight:bold;
					}
					p.details {
						margin:0;
						font-size:.76rem;
					}
					div.time  {
						font-size:.5rem;
						p {
							margin:0;
							font-size:.8rem;
						}
						a {
							color:$maincolor !important;
						}
						p.timex {
							margin:-.38rem 0 0 .8rem !important;
						}
						a.mypostt {
							color:$oil !important;
						}
					}
					a.noti-link {
						color:#87D8DE;
					}
				}
				.active-notif {
					background:#CCE3DD !important;
				}
				.active-message {
					background:#F0F0F0 !important;
				}
			}
			#footerNotif {
				background-color: white;
				text-align: right;
				font-weight: bold;
				padding: 8px;
				font-size: 12px;
				/*border-top: 1px solid #dddddd;*/
				border-radius:0 0 .4rem .4rem;
				a {
					color:$maincolor !important;
				}
			}
			#counterNotif, #counterrequestfriend, #countermessages {
				padding: 1px 3px 1px 3px;
				background: #009EA1;
				color: #ffffff;
				font-weight: bold;
				margin-left: 11px;
				border-radius: 9px;
				position: absolute;
				margin-top: -11px;
				font-size: 11px;
			}
			}

		}
	}
}

/*sub-header*/
.sub-header {
	padding:0;
	background: #3D3D3D;
	div {
		padding-bottom:0rem;
	}

	ul {
		margin-bottom:0;
		li {
			padding:.4rem .5rem .4rem .5rem;
		}
		a{
			font-size:.96rem;
			color: $w;
		}
	}
}

/*Profile Styling*/

.profile-upper{
	i.pri-set {
		font-size:.8rem !important;
		margin-top:.1rem !important;
		position:absolute;
	}
	.cover-photo {
		padding:0;
		border-radius:.45rem;
		border:solid 1px #DFE0E4;
		.cover-left {
			background:white;
			padding:.45rem .5rem .45rem .5rem !important;
			border-radius:.4rem 0 0 .4rem;
			height:29rem !important;
			.img {
				height:12.47rem;
				width:12.47rem;
				border-radius:12.47rem;
				margin-top:2.3rem;
				border:solid #404040 .424rem;
			}
			ul {
			 	list-style-type: none;
			 	li {
			 		margin-bottom:.25rem;
			 		a {
			 			color: $maincolor !important;
			 		}
			 		img {
			 			height:19px;
			 			width:19px;
			 		}
			 	}
			}
		}
		.cover-right {
			border-radius:0 .45rem .45rem 0;
			.opacity-btm {
				border-radius:0 .45rem .45rem 0;
				height: 50px; 
    			width:100%;
   				position: absolute;
    			left: 0;
    			bottom: 0;
    			background:rgba(0,0,0,.49);
    			padding:0;
    			div.tabbed {
    				margin-top:.5rem;
    				img {
    					height:1.5rem;
    				}
    				a,h5 {
    					color:white !important;
    					font-size:.83rem;
    					font-weight:bold;
    				} 
    				h5 {
    					margin-top:.6rem !important;
    					margin-bottom:0rem !important
    				} 
    				span {
    					background:none;
    					margin-top:-1rem !important;
    				}			
    			}
    			div.borded {
    				border-right:solid white;
    			}
    			/*dl dd a {
    				background:none;
    				color:white;
    				line-height:4px;
    				margin-top:-.09rem;
    				border-right:white solid 2px;
    				min-width:10rem;
    			}
    			h5 {
    				color:white;
    			}*/
			}
		}
	}
}



.profile-left-wrap {
	background:$white-s;
	padding-top:3rem;
	padding-bottom:2rem;
	img {
		border-radius:7rem;
		border:solid 4px;
		height:7rem;
		width:7rem;
	}
}
.profile-dn {
	padding-top:2rem;
	padding-bottom:3rem;
}
.profile-wall {

	.profile-left-wall {
		padding-left: 0;
		padding-right: 0;
		padding-top:0;
		.wall-post:hover {
			border:solid 1px $maincolor;
			border-radius:.45rem;
            -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.46);
            -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.46);
             box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.46);
			transition: all 0.5s ease;
		}
		.wall-post:hover div.extra a.elllip{
			opacity:1 !important;
			color:gray;
			transition: all 0.1s linear;
		}
		.wall-post {
			border:solid 1px #DFE0E4 !important;
			div.extra {
				a.elllip {
					opacity:0 !important;
				}
				a.opt {
					background:white;
					color:gray;
					padding:.3rem;
					opacity:0;
				}
			}
			background:$w;
			padding:0;
			border-radius:.7rem;
			margin-bottom:1rem !important;
			.wall-head {
				abbr {
					color:#3D3D3D !important;
					font-family: Open Sans;
					border:none;
				}
				:hover a.opt {
					opacity:1 !important;
					-webkit-transition: -webkit-transform 200ms ease-in-out;
                    -moz-transition: -moz-transform 200ms ease-in-out;
                    -o-transition: -o-transform 200ms ease-in-out;
                    transition: transform 200ms ease-in-out;
				}
				padding:.8rem .8rem .4rem .8rem;
				border-radius:.7rem .7rem 0rem 0rem;
				.dp-tmb {
					width:3.8rem;
					height:3.8rem;
					border-radius:3.8rem;

				}
				.eventnow {
					padding:0;
					a {
						color:$maincolor;
						font-weight:bold;
					}
					span {
						color: gray !important;
					}
				}
			}
			.wall-info {
				padding:0;
				margin-left:1rem;
				a {
					color:$maincolor;
					margin:0;
					color:$maincolor;
					font-family: 'Open Sans', sans-serif, Semibold;
					font-weight:600;
					font-size:.95rem;
				}
				span {
					color:gray;
					font-size:.8rem;
				}
				p {
					margin-top:-.7rem;
				}
			}
			.wall-content {
				p {
					line-height:1.3rem;
					text-overflow: ellipsis;
					word-wrap: break-word;
					font-size:.7rem;
					overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
					/*white-space: pre-wrap;      /* CSS3 */   
					/*white-space: -moz-pre-wrap; /* Firefox */    
					/*white-space: -pre-wrap;     /* Opera <7 */   
					/*white-space: -o-pre-wrap;   /* Opera 7 */
				}
				h5 {
					font-size:.9rem;
					margin-bottom:0rem;
					font-weight:bold;
				}
				a {
					color:#353535 !important;
				}
			}
			.meetupinfo {
				padding-bottom:.5rem;
				p {
					margin:0;
				}
				h5 span, i {
					font-size:.9rem !important;
				}
				h5 {
					margin:0 !important;
				}
				a {
					color:$maincolor !important;
				}
			}
			.wall-att {
				padding:0;
			}
			.likeshare {
				background:$white-s !important;
				padding:0;
				.rateit {
					a {
						color:$maincolor;
						font-size:.98rem;
						span {
						text-decoration:underline;
						font-weight:bold;
						}
					}
				}
				ul {
					margin-top:.4rem;
					margin-bottom:.4rem;
					li a {
						font-size:.87rem;
						color:$maincolor;
					}
				}
				p {
					color:$b;
					font-size:.87rem;
					margin-top:.4rem;
					margin-bottom:.4rem;
				}

			}
			.commentsection {
				background:$white-s;
				padding-bottom:1rem !important;
				border-radius:0 0 .7rem .7rem;
				.commentarea {
					padding:0;
					.usercomment:hover .editme i{
						opacity:1 !important;
					}
					.usercomment:hover  {
						background:white !important;
						border-radius:.45rem;
						transition: all 1s ease;
					}
					.usercomment {
						padding:.14rem;
						.dp-comment {
							height:2.3rem;
							width:2.3rem;
							border-radius:2.3rem;
							margin-top:.5rem;
						}
						.usercommentinfo {
							padding:0 0 0 .5rem;
							abbr {
								color:#3D3D3D !important;
								font-family: Open Sans;
								border:none;
							}
							p {
								line-height:1.123em;
								font-size:.8rem;
								margin-bottom:.3rem !important;
								text-overflow: ellipsis;
								word-wrap: break-word;
								overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
								white-space: pre-wrap;      /* CSS3 */   
							    white-space: -moz-pre-wrap; /* Firefox */    
							    white-space: -pre-wrap;     /* Opera <7 */   
							    white-space: -o-pre-wrap;   /* Opera 7 */
							}
							a {
								color:$maincolor !important;
								font-size:.9rem !important;
							}
							small {
								font-size:.6rem !important;
								color:gray;
							}
						}
						.editicon {
							padding:0;
							.editme i.fa {
								color:gray !important;
								opacity:0;
							}
						}
					}
					/*:hover {
						background:$gainsboro !important;
					}*/
				}
			}
		}
	}
	.profile-right-wall {
		padding-right: 0 !important;
		.right-bx-contain {
			border:solid 1px #DFE0E4;
			padding:0 0 .8rem 0;
			border-radius:.7rem;
			background:$w;
			margin-bottom:1rem;
			.counter {
				padding:0;
				h4 {
					margin:0 !important;
					padding:0;
				}
				a {
					color:$maincolor !important;
				}
			}
			div.aboutme {
				border-bottom:none !important;
				padding-bottom:.3rem !important;
				ul {
					margin:0;
					list-style: none;
					li {
						margin-bottom:.7rem;
						border-bottom:solid 1px $white-s;
						a {
							color:$maincolor !important;
						}
						span {
							margin-left:2.5rem !important;
							margin-bottom:.7rem;
							display:table;
							font-size:.98rem !important;
						}
						img {
							width:27px;
							height:27px;
							position:absolute;
						}
					}
				}
			}
			.right-head {
				background:$w;
				padding:.6rem .6rem 0 .9rem;
				border-radius:.7rem .7rem 0 0;
				p {
					margin:0;
					color:#3D3D3D;
					font-family: 'Open Sans', sans-serif, Semibold;
					font-weight:600;
					font-size:.95rem;
		
				}
			}
			.see-more {
					background:$w;
					a {
						color:$maincolor;
					}
			}
			.right-content {
				background:$w;
				padding-top:1rem;
				padding-bottom:1rem;
				border-bottom:$white-s solid 1px;
				.user-dp {
					height:3.4rem;
					width:3.4rem;
					border-radius:4.3rem;
				}
				.userinfo {
					padding:0;
					padding-left:.7rem;
					p {
						margin-top:-.7rem;
					}
					a {
						color:$maincolor;
					}

				}
				.btn-lst {
					padding:0;
					span {
						background:$maincolor;
					}
					.button {
						background:$maincolor;
						font-weight:bold;
						padding:.4rem .7rem .4rem .7rem;
					}
				}
			}
		}
	}
}
.bx-right {
	background: $white;
	border-radius: .8rem;
	padding-top:1rem;
	padding-left:0;
	padding-right:0;
	padding-bottom:1rem;
	margin-bottom:1rem;
}

.form-comment-wrap {
	background:$white-s;
	border-radius:.49rem;
	margin-bottom:.9rem;
	padding:0rem 0rem .7rem 0rem;
	border:solid 1px #DFE0E4;
	.btnpst {
		padding-top:0;
	}
	.heads {
		background:white !important;
		padding:.2rem .5rem 0 .5rem;
		border-radius:.49rem .49rem 0 0 !important;
	}
	.headpost {
	  background:white !important;
	  padding:.6rem .6rem .6rem 0;
	  margin:0;
	  padding-bottom:0 !important;
	  border-bottom:solid 1px;
	  border-radius:.49rem .49rem 0 0 !important;
	}
	.text-area {
		padding:0;
	}
	ul { 
		margin-left:-1.3rem;
		margin-bottom:.5rem;
		a {
			color:#3D3D3D;
			font-family: 'Open Sans', sans-serif, Semibold;
			font-weight:600;
			font-size:.94rem;
		}
		.cht img {
			height:21px;
			width:21px;
			position:absolute;
		}
		.cam img {
			height:21px;
			width:21px;
			position:absolute;
		}
		li a {
			margin-left:2.02rem;
			margin-top:-.1rem;
		}
		.cht a {

		}
	}
	.postbutton {
		background:$maincolor;
		padding:.4rem 1.3rem .4rem 1.3rem;
		margin-top:-.5rem;
		margin-bottom:-.1rem;
	}
}
.profile-right-wrap {
	.tab-feat {
	height: 100px; 
    width:100%;
    position: absolute;
    left: 0;
    bottom: 0;
    	h2 {
    		color:white;
    		letter-spacing:.275rem;
    	}
	} 
}

.connection-wrap-rw {
	padding:0;

	.connection-list {
		padding:1rem;	
		margin-bottom:3rem;
		background: $snow;
		border: solid $smoke 2px;
	}
	.con-dp-tmb {
		padding:0;
		img {
			height:6.5rem;
			width:100%;
		}
	}
	.con-info-lst {
		padding:0 0 0 .6rem;
		h4 {
			margin-top:0rem;
			a {
				color:$maincolor;
			}
		}
		ul {
			list-style:none;
			margin-top:-1rem;
			li a {
				color: $maincolor;
			}
		}
		p {
			margin-top:-1rem;
			font-size:.89rem;
			a {
				color: $oil;
				text-decoration:underline;
			}
		}
	}
	.con-skl {
		padding:.3rem 0rem 0rem .3rem;
	}
	.con-func-wrap {
	padding-left:2rem;
	}
}
.request-wrap {

	.request-rw {
	padding:0;
		border:solid 1px;
	}
	.req-img {
		padding:0;
	}
	.req-details {
		padding:0;
	}
	
}
.tab-req {
	padding:0 !important;
}



/*--------------STEP---------------------*/
.step-wrapper {
	.logo2 {
		width:19rem;
		height:5.4rem;
	}
	padding:0;
	.stpy {
		background:$w;
		padding-top:2rem;
		border-radius:.6rem;
	}
	.step-statement {
		padding:0;
		h5 {
			margin-top:0;
			color:$maincolor;
		}
		p {
			color:$gray;
		}
	}
	.stepbystep {
		padding:1rem 0 0 0;
	}
	.hr-reg {
		padding:0;
		hr {
			margin:0 0 1rem 0;
		}
	}
	.reg-left-wrap {
		padding:0;
		label {
			color:#3E3E3E !important;
			font-size:.97rem;
		}
		.reg-bot {
			margin-bottom:1rem;
			select {
				border:1px solid #EDEDED;
				border-radius:.3rem;
				color:#8F8F8F
			}
		}
		.reg-left {
			padding:0;
			input {
				border-radius:.2rem;
				box-shadow:none !important;
			}
		}
		.reg-reg {
			input {
				border-radius:.2rem;
				box-shadow:none !important;			
			}
		}
	}
	.reg-right-wrap {
		a {
			background:$maincolor;
			border-radius:.6rem;
			height:2rem;
			padding-top:.3rem;
			font-weight:bold;
		}
		.steve-img {
			margin-top:3rem;
			img {
				height:12.5rem;
				width:12.5rem;
				border-radius:12.5rem;
			}
		}

	}
	.btn-save {
		a {
			background:$maincolor;
			border-radius:.4rem;
			height:2.3rem;
			padding-top:.4rem;
		}
	}
}
.footer-reg {
	background:green;
	padding:0;
	div {
		padding:0;
		ul li a {
			color:#3E3E3E;
			font-size:1.1rem;
			font-weight:2px;
		}
	}
}
.footer-user {
	padding:0;
	ul {

		li {
			margin-right:0rem;
			a {
				color:$b;
			}
		}
	}
	p a {
		color:$b;
	}
}

.complte-progress {
	background:$iron;
	padding:0;
	span {
		background:$maincolor !important;
		padding-right:2rem;
		p {
			color:$w;
			position:relative;
			margin:0;
		}
	}
}

.connection-tab {
	background: $w;
 	padding: 1.5rem;
 	margin-top: -1.01rem;
	border-radius: .7rem;
	.con-inner{
		padding:1rem;
		padding-left:0rem;
		border-bottom:$gainsboro solid 1px !important;
		.conn-dptmb {
			height:5.1rem;
			width:5.1rem;
			border-radius:5.1rem;
			padding:0;
		}
		.coninfo {
			padding-left:1rem;
		}
		.conbtn {
			padding:0;padding-top:1.2rem;right:0;
			a {
				background:$maincolor;
				font-size:.8rem;
			}
		}
	}
}

.conn2ndTab {
	margin-top:-1rem;
	dd {
		.dda {
			border-radius:.7rem 0rem 0rem .7rem;
			padding:.5rem;
			width:18rem;
		}
		.ddb {
		 	width:18rem;
		 	border-radius:0rem .7rem .7rem 0rem;
		 	padding:.5rem;
		}

	}
}
.connection-pagination {
	.current a {
		background:$maincolor !important;
	}
}

.map-reg{
	padding:0;
}
.map-centered {
	border-radius:.3rem;background:#D6D6D6;height:17rem;padding:0;
}

.addressfrm {
  margin-bottom: 1rem;
  padding:0;
}
.add-school {
	margin-top:-.3rem;
	margin-bottom:1rem;
	padding:0;
	a {
		text-decoration:underline;
		letter-spacing:.0rem;
		color:$maincolor;
	}
}
.school-field {
	background:#E6E6E6;
	padding:.4rem;
	border-radius:.6rem;
	margin-bottom:1rem;
	.cancel-btn {
		padding-top:1.2rem;
		a {
			border:gray solid 1px;
			background:white;
			color:black;
			padding:.3rem;
		}
	}
}


.edu-wrap {
  padding:0;
  margin-bottom: 1rem;
  label {
  	margin-bottom:.8rem !important;
  }
  select {
  	border:1px solid #EDEDED;
  	border-radius:.3rem;color:#8F8F8F;
  }

}


/*Search*/
.result-wrapper {
	padding:0;
	.search-grid {
		margin-bottom:1rem;
		padding:.5rem;
	} 
	.search-result {
		padding:.3rem;
		.search-cover {
			min-height:9rem;
			border-radius:.4rem .4rem 0 0;
			padding:0;
			.conbtn {
				padding:.4rem;
				a {
					padding:.4rem .7rem .4rem .7rem;
					background:$maincolor;
				}
			}
		}
		.opac-search {
			height: 2rem; 
	    	width:100%;
	   		position: absolute;
	    	left: 0;
	    	bottom: 0;
	    	background:rgba(0,0,0,.5);
	    	padding:0;
	    	.search-name {
				padding:0 0 0 .4rem;
				h5 {
					color:$w;
				}
	    	}
	    	.search-dp {
	    		height:4.8rem;
	    		width:4.8rem;
	    		border-radius:4.8rem;
	    		margin-top:-1.5rem;
	    		z-index:1;
	    		border:solid 2px gray;
	    	}
		}
		.search-extra {
			border: $gainsboro solid 1px;
			border-radius:0 0 .4rem .4rem;
			padding:0 0 0 .4rem;
			background:$snow;
			.xy {
			 	margin-top:-1.6rem;
			 	margin-bottom:0;
			}

		}
	}
}

.row-message {
	padding:.5rem 0 .5rem 0;
	background:white;
	border-radius:.45rem;

	.message-wrapper {
		background:$w;
		padding:0;
		.message-left {
			padding:0;
		}
		.message-offcanvas {
			height:90% !important;
			.left-off-canvas-menu {
				background:$w !important;
				ul {
					li.list {
						a {
							color:$b !important;
							border:$white-s solid 1px !important;
						}
						
						:hover {
							background:$white-s !important;
						}
						span small {
							color:orange !important;
						}
					}
					li.ol {
						border-left:$maincolor solid 4px;
					}
					.unread {
						background:$white-s !important;
					}
				}
			}
		
			.off-canvas-list {
				img {
					height:1.5rem;
					width:1.5rem;
				}
			}
			.inner-wrap {
				height:100%;
			}
			.tab-bar {
				background:$w !important;
				h4 {
					font-size:.9rem !important;
					color:$maincolor;
					span small {
						color:orange !important;
					}
				}
				h6 {
					color:gray;
					font-size:.8rem;
				}
				.left-small {
					border:none !important;
					a {
						color:$maincolor;
					}
				}
			}
			.left-off {
			}
			.main-section {
				height:52vh;
				overflow:auto;
			}
			.convo-wrap {
				.convo-li {
					margin-bottom:.9rem;
					margin-height:.9rem;
					.convo-dp {
						height:3rem;
						width:3rem;
						border-radius:3rem;
					}
					.convo-content {
						margin-top:-1.2rem;
						p {
							font-size:.827rem;
							line-height:1.1rem;
							margin:0;
						}
					}
				}
			}
			.reply-msg-panel {
				border:#D4D4D4 solid 1px !important;
				margin:0;
				padding:0;
				background:white;
				textarea {
					margin:0;
					border-bottom:#D4D4D4 solid 1px !important;
					resize: none;
				}
			}
		}
	}
}

textarea {
	color: #444;
	padding: 5px;
	width: 100%;

	border:none !important;
}
textarea.commentbox {
	color: #444;
	padding: 8px;
	width: 100%;
	min-height: 20px;
}
.txtstuff {
	resize: none; 
	overflow: hidden;
}
.hiddendiv {
	display: none;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
}
.common {
	width: 500px;
	min-height: 50px;
	font-family: Arial, sans-serif;
	font-size: 13px;
	overflow: hidden;
}
.lbr {
	line-height: 3px;
}


/**/
.review-rw {
	.review-wp {
		padding:0;
			border-radius:.45rem;
	border:solid 1px #DFE0E4;
	}
	margin-top:2rem;
	.review-dp {
		background:#F5F5F5 !important;
		padding:1.89rem 1.765rem 1.89rem 1.765rem  ;
		border-radius:.45rem 0 0 .45rem;
		height:27.78rem;
		.img {
			height:16.86rem;
			width:100%;
			border-radius:.45rem;
		}
		h3 {
			color:#3C3C3C;
			margin-top:1.3rem !important;
		}
		p {
			margin-top:-.34rem;
			margin-bottom:0;
			a {
			color:#3C3C3C;
			font-size:1.078rem;		
			}
		}
	}
	.review-i {
		background:$w;
		padding:1.89rem 1.765rem 1.89rem 1.765rem;
		border-radius:0 .45rem .45rem 0;
		.i-btn {
			padding:0;
			p {
				font-size:1.49rem;
				color:#454545;
				margin:0;
				a {
					text-decoration:underline;
					color:$maincolor;
					small {
						font-size:.7rem;
					}
				}
				a.button {
					text-decoration:none !important;
					background:$maincolor;
					color:$w;
					padding:.4rem .9rem .4rem .9rem;
					font-size:.97rem;
				}
			}
		}
		.i-p {
			padding:0;
			height:10.3rem;
			p {
				color:#454545;
			}
		}
		.i-3s {
			padding:0;
			padding:.9rem !important;
			background:#F5F5F5;
			border-radius:.4rem;
			.i-left {
				img {
					margin-top:.5rem;
					height:3.5rem;
					width:3.5rem;
				}
				img.rip {
					margin-top:.8rem !important;
					height:2.5rem !important;
					width:2.5rem !important;
					position:absolute;				
				}
			}
			.i-right {
				p.i-count {
					font-size:1.321rem;
					color:#454545;
					font-weight:bold;
				}
				p.i-label {
					margin-top:-1.3rem;
					font-size:1.251rem;
					color:#454545;
					margin-bottom:0;
				}
			}
		}
	}
}

.review-bt {
	margin-top:1rem;
}
.review-feeds {
	padding:0;
}

.rev-wp {
	padding:0;
	border:solid 1px #DFE0E4;
	border-radius:.45rem;
	.review-head {
		background:$w;
		border-radius:.45rem .45rem 0 0;
		ul {
			margin-bottom:.3rem;
			a {
				color:$b;
			}
		}
		hr {
			margin:0;
	height:2px;
	background:$b;
		}
	}
	.review-form {
		padding:0 .9rem 0 .9rem;
		background:$w;
		textarea {
			margin-top:1rem;
			box-shadow:none !important;
			border:none !important;
		}
		::-webkit-input-placeholder {
				font-size: 1.1rem;
				letter-spacing: .103rem;
				color:$b;
		}
		::-moz-placeholder { /* Firefox 19+ */ 
				font-size: .96rem;
				letter-spacing: .103rem;
				color:$b;
		}
		:-ms-input-placeholder {
				font-size: 1.1rem;
				letter-spacing: .103rem;
				color:$b;
		}
		:-moz-placeholder { /* Firefox 18- */
				font-size: 1.1rem;
				letter-spacing: .103rem;
				color:$b;
		}
	}
	.btn {
		background:#F5F5F5;
		border-radius: 0 0 .45rem .45rem;
		padding-top:.6rem;
		a {
			background:$maincolor;
			padding:.5rem 2rem .5rem 2rem;
			margin-bottom:.6rem !important;
		}
	}	
}
.rev-wl {
	margin:0 0 .8rem 0;
	padding:0;
	border-radius:.45rem;
	border:solid 1px #DFE0E4;
	.rev-wl-head {
		background:$w;
		padding:.8rem .6rem .8rem .6rem;
		border-radius:.45rem .45rem 0 0;
		.rev-img {
			border-radius:3rem;
			height:3rem;
			width:3rem;
		}
		p {
			margin:0;
			color:gray;
		}
		a {
			color:$maincolor !important;
			span {
				font-size:.9rem;
				color:gray !important;
			}
		}
		span.link a {
			text-decoration:underline !important;
		}
	}
	.rev-p {
		background:$w;
		border-radius:0 0 .45rem .45rem;
	}
	.rev-lbr {
		background:#F5F5F5;
		border-top:solid 1px #DFE0E4;
		ul {
			margin-top:.4rem;
			li.ri{
				margin-right:-.7rem;
				a {
					color:$maincolor;
					font-size:.89rem;
				}
			}
			li.right a {
				color:#3d3d3d !important;
			}
		}
	}
	.rev-frm {
		background:#F5F5F5;
	}
	.rev-cmwrp {
		background:#F5F5F5;	
		.cmwrp-img {
			border-radius:2.1rem;
			height:2.1rem;
			width:2.1rem;
		}
		.cmwrp-p {
			a {
				font-size:.85rem;
				color:$maincolor;
			}
			p {
				font-size:.8rem;
				margin-top:-.45rem;
				color:gray;
				margin-bottom:.3rem;
			}
		}
		.cmwrp-cmt {
			border-bottom:$snow solid 1px;
			p {
				font-size:.7rem;
				margin:0;
			}
		}
	}
}
.geo-loc {
	padding:0;
	border:solid 1px #DFE0E4;
	border-radius:.45rem;
	.geo-head {
		background:$w;
		border-radius:.45rem .45rem 0 0;
		padding:.4rem;
		p {
			margin:0 !important;
			color:#3D3D3D;
			font-family: 'Open Sans', sans-serif, Semibold;
			font-weight:600;
			font-size:.95rem;		}
	}
	.geo-mp {
		height:21rem;
	}
}
.rev-fil {
	padding:0;
	margin-top:1rem;
	select {
		height:2.7rem;
		border-radius:.45rem;
		border:none;
		font-weight:bold;
	}
	a.button {
		height:2.7rem;
		width:auto;
		padding:.6rem 2.1rem .6rem 2.1rem;
		font-size:1.3rem;
		background:$maincolor;
	}
}

.thread-option {
	background:#EDEDED;
	.postcount {
		border-right:solid 1px;
		padding:0;
		p {
		margin:0;
		}
	}
}
	.selectpost {
		padding:0;
		p {
		margin:0;
		}
		a.tiny {
			margin-top:.1rem;
			background:#009EA1;
		}
		.leftf, .centerf, .rightf {
			border:solid 1px #E6E6E6;
		}
		.leftf {
			border-radius:.35rem 0 0 .35rem;
			border-right:none;margin:0;
		}
		.centerf {
		 	border-right:none;
		 	border-left:none;
		 	margin:0;
		}
		.rightf {
			border-radius:0 .35rem .35rem 0;
			border-left:none;margin:0;
		}
		.collapse {
			span.prefix {
				border:none;
				border-radius: .35rem 0 0 .35rem;
				border:solid 1px #E6E6E6;
				border-right:none;
			}
			input[type="text"] {
				border-radius:0 .35rem .35rem 0;
				border:solid 1px #E6E6E6;
				border-left:none;
			}
		}
	}
.forum-wrapper {
	padding:0;
}
.forum-wall {
	padding-top:2rem;
	padding-bottom:2rem;
	background:rgba(0,158,161,.7);
	h4 {
		color:white;
		margin-top:.3rem;
		strong {
			color:white;
		}
	}
}
.forumcard {
	margin-bottom:1rem;

	.card-wrap {
		background:white;
		padding:.4rem;
		border-radius:.45rem;
		border:solid 1px #DFE0E4;
	}
	.card-dp {
		height:14.5rem;
		width:100%;
		padding:0;
		border-radius:.43rem;
		border:solid 1px #DFE0E4;
		.card-opac {
			background:rgba(0,0,0,.6);
			position:absolute;
			bottom:0;
			width:100%;
			color:white;
			padding:0;
			margin:0;
			border-radius:0 0 .43rem .43rem;
			p {
				margin:0;
			}
		}
	}
	.forum-pro {
		padding:0;
		border-top:solid 1px #DFE0E4 !important;
		margin-top:.5rem;
		ul {
			margin-top:.5rem;
			li {
				font-size:.75rem;
				font-weight:bold;
				a {
					color:#009EA1
				}
			}
			li.active {
			    font-weight:bold;
			    background:gray;
			    border-radius:.3rem;
			    padding:.3rem;
  			}
		    a.active {
		    	color:white !important;
		  	}
		}
	}
	.forum-ul {
	    list-style: none !important;
	    margin:0;
  	}
  	.forum-ul li a {
    	color:gray !important;
  	}
}
.pagination .current {
    background:#009EA1 !important;
}

.forum-table {
	width:100%;
	border-collapse: collapse; 
	thead {
		border-radius:.4rem .4rem 0 0;
		tr th {
			color:#999 !important;
			text-align: center;
		}
	}
	tr.thread-tr {
		border-bottom:solid $silver 1px !important;
		background:$w !important;
		.rep-wrap {
  			background:#F6F6F6;
  			padding:0;
  			border-radius:.4rem;
		}
		.for-rep {
			background:#C9C9C9;
			padding:0;
			border-radius:0 0 .4rem .4rem;
		}
	}
	td.forum-content {
		padding:.87rem;
		h4 {
			color:$maincolor !important;
			font-size:1.34rem;
			font-weight: bolder;
		}
		p {
			font-size:.89rem !important;
			margin:-.5rem 0 1rem 0;
			color:#999;
		}
		.a {
			color:$oil !important;
		}
		a {
			color:$maincolor !important;
		}
		i {
			color: skyblue !important;
		}
		.thread-tags {
			border:solid gray 1px;
			background:whitesmoke !important;
			color:gray !important;
			padding:.3rem;
		}
		.thread-tags:hover {
			border:solid gray 1px;
			background:white !important;
			color:$maincolor !important;
			padding:.3rem;
		}
		ul {
			margin-top: -.7rem !important;
		}
	}
}
.forum-rw-content {
	margin:1rem 0 1rem 0 !important;
}
.forum-rw-frms {
	margin-top:1rem !important;
}

.btngrp {
	li a {
		color:black !important;
		font-weight:bold;
		background:white !important;
	}
	.btnconnnect a {
		margin-right:.8rem;
		border-radius:.22rem !important;
		font-size:.81rem;
		padding:.5rem .6rem .5rem .6rem;
	}
	.btnmessage a {
		border-radius:.22rem 0 0 .22rem !important;
		padding:.5rem .3rem .5rem .6rem;
		font-size:.81rem;
		border-right:gray solid 1px;
		border-height:20% !important;
	}
	.btnmore a {
		border-radius:.0 .22rem .22rem 0 !important;
		padding:.8rem .6rem .58rem .2rem;
		font-size:.48rem !important;
	}
}
.changedp {
	padding:0;
	.change-head {
		background:$maincolor;
		margin-bottom:.67rem;
		padding:.3rem;
		p {
			margin-bottom:0;
			color:white;
			font-size:.9rem;	
		}
	}
	.change-content {
		.avatar-li li a img {
			height: 4rem !important;
		}
	}	
	.change-footer {
		a {
			background:white;
			color:black !important;
			border:solid 1px gray;
			padding:.57rem .7rem .57rem .7rem;
			font-weight:bold;
		}
		.save {
			background:$maincolor !important;
			color:white !important;
		}
	}
	hr.hr-forum-dp {
	    padding:0;
	    border:solid 1px;
	    color: gray;
	    text-align: center;
	    margin-bottom: 7.34rem;
	    margin-top: 1rem;
	}
	hr.hr-forum-dp:after {
	  	content: "or";
	  	display: inline-block;
	  	position: relative;
	  	top: -.8em;
	  	font-size: 1.1em;
	  	padding: 0 .8em;
	  	border-radius: 12rem;
	  	background: white;
	}
}

.forumleft {
	.wrapit {
		padding:.8rem 0 .8rem 0;
		background:white;
		border-radius:.45rem;
		margin-bottom:1rem;
		border:solid 1px #DFE0E4;
		article {
			p {
				color:gray;
				font-size:.9rem;
			}
		}
		.screenshot {
			small {
				color:$maincolor;
				text-decoration:underline;
			}
			.clearing-container .clearing-close {
				font-size: 4rem !important;
				color: gray !important;
				position: absolute;
				margin-top: 4rem;
			}
		}
	}
	header.threadtitle {
		padding:0;
		h5 {
			color:$maincolor;
		}
		p {
			color:gray;
			font-size:.9rem;
			margin-top:-.6rem;
		}
		a {
			color:$maincolor;
		}
		ul {
			margin-top:-.8rem;
			li a {
				background:white;
				border:solid gray 1px;
				padding:.3rem .55rem .3rem .55rem;
				color:gray;
			}
		}
	}
	.forumcomment:hover {
		background:#f5f5f5;
		color:$maincolor;
		transition: background 0.26s linear ;
	}
	.forumcomment {
		background:#FFFFFF;
		padding:.3rem;
		margin-bottom:.5rem;
		margin-top:.5rem;
		border-radius:.3rem;
		.point {
			.pointwrap {
			    top: 50%;
    			left: 50%;
    			transform: translateX(-50%) translateY(-50%);
			}
			padding:0;
			div {
				article {
					background:white;
					border-radius:.34rem;
				}
				section {
					margin:0;
					padding:0;
					i {
						color:$maincolor;
						font-size:1.4rem;
					}
					a {
						color:white !important;
					}
					small {
						color:gray;
					}
				}
				section.top {
				}
				section.bottom {
				}
				article {
					p {
						margin:-.4rem 0 -.4rem 0 !important;
						color:$maincolor;
						font-weight:bold;
					}
					small {
						margin:0;
					}
				}
			}
		}
		.commentinfo {
			padding:0;
			header {
				padding:0;
				div {
					padding:0;
					img {
						height:3rem;
						width:3rem;
						border-radius:.5rem;
						margin:0;
					}
				}
				.user {
					margin-left:-2.9rem !important;
					a,i {
						color: $maincolor;
						font-size:.87rem;
					}
					span {
						font-size:.87rem;
					}
				}
				article {
					padding:0;
					p {
						font-size:.87rem;
						margin:0;
						color:$gray;
					}
				}
			}
		}
	}
}
.forumaside {
	padding:.5rem;
	border-radius:.45rem;
	background:whitesmoke !important;
	border:solid 1px #DFE0E4;
	footer {
		position:absolute;
		bottom:0;
		background:gray;
		width:100%;
	}
	.rep-wrap {
  		padding:0;
  		border-radius:.4rem;
  		a {
  			background:$maincolor;
  			padding:.4rem .9rem .4rem .9rem;
  			font-weight:bold;
  			margin-top:.3rem !important;
  		}
	}
	.for-rep {
		background:#C9C9C9;
		padding:0;
		border-radius:0 0 .4rem .4rem;
	}
	.authorinfo {
		strong {
			color:$maincolor;
		}
		.img {
			padding:0;
			img {
				height:3rem;
				width:3rem;
			}
		}
		.info {
			padding:0;
			a {
				color:$maincolor !important;
			}
		}
	}
}
.commentforumform {
	padding:.6rem;
	border-radius:.45rem .45rem 0 0;
	border-bottom:solid #009EA1 2px;
	.fontedit {
		div {
			background:white;
			a {
				color:$maincolor;
			}
		}
	}
	textarea {
		margin:0;
	}
	a.button {
		margin:.8rem 0 0 0;
		background:#009EA1;
	}
}

.relatedthreads {
	background:whitesmoke;
	border-radius:.45rem;
	padding:.6rem;
	margin-top:1rem;
	border:solid 1px #DFE0E4;
	p {
		margin:0;
		color:#3D3D3D;
		font-family: 'Open Sans', sans-serif, Semibold;
		font-weight:600;
		font-size:.95rem;
	}
	.suggestedthreads {
		border-bottom:solid white 1px;
		padding:.4rem;
		a {
			color:$maincolor;
		}
		p {
			font-size:.8rem;
		}
	}
}

.group-ultab {
	background:$snow !important;
	margin-bottom:1rem;
	border-radius:.45rem;
}
.group-ultab ul {
	margin:.5rem;
}
.group-ultab ul li.bordered {
	border-right:solid 1px gray;
}
.group-ultab ul li {
		padding-right: .7rem;
		padding-left: .7rem;
		margin:0;
}
.group-ultab ul li a {
	color:#009EA1;
}

.create-group {
	border:solid #009EA1 5px;
	a.button {
		background:$maincolor !important;
		margin-left:.56rem;
	}
}
.view-more-r {
	background:white;
	padding:.6rem;
	border-radius:.45rem;
}

.notif-ol {
	margin-bottom:.3rem;
	border-radius:.2rem;
	div {
		padding:0;
	}
	padding:.3rem;
	cursor: pointer !important;
	i.type {
		font-size:.943rem;
	}
    img.dp {
	    width:2.6rem;
		height:2.6rem;
		border-radius:2.6rem;
	}
	p {
		font-size:.9rem;
	}
	p.timex {
		margin:0;
		margin-top:-2rem !important;
	}
	a {
		color:$maincolor;
	}
	span {
		color:gray;
	}
}
.notif-ol:hover {
	background: $gainsboro !important;
	transition: background 0.2s ease,
	padding 0.8s linear,
	border 0.21s ease;
}
.notif-ol.active-notif:hover {
	background: skyblue !important;
	transition: background 0.2s ease,
	padding 0.8s linear,
	border 0.21s ease;
	color:white !important;
}
.active-notif {
	background:#CCE3DD !important;
}
.view-more-l {
	background:white;
	border-radius:.45rem;
	padding:.7rem;
	padding-left:0rem !important;
	ul {
		list-style:none;
		margin:0;
		li {
			margin-bottom:.5rem;
			 a {
			 	margin-left:.8rem;
			 	color:$maincolor;
			 }
		}
		li.active {
			border-left: solid 4px $maincolor;
		}
		span {
			background:$maincolor !important;
		}
	}
}
.setfrm {
	border-bottom: solid 1px #ECECEC;
	padding:.67rem;
	input {
		border-top:solid 1px #ECECEC !important;
		border-bottom:solid 1px #EAEAEA !important;
		border-right:solid 1px #DEDCDA !important;
		border-left:solid 1px #D9D9D9 !important;
		box-shadow:none !important;
		background:#F5F5F5 !important;
		border-radius:.35rem;
		height:35px !important;
	}
	label {
	color:gray;
	margin-top:.5rem !important;
	}
}
.view-more-rb {
	background:#F0F0F0;
	padding-top:.5rem;
	padding-bottom:.5rem;
	border-radius:.45rem;
	border: solid 1px #CECECE;
	a.button {
		background:white;
		color:#6E7792 !important;
		border:solid 1px #DADADA;
		padding:.5rem .8rem .5rem .8rem;
	}
	a.save {
		background:$maincolor !important;
		color:white !important;
		border:solid 1px #DADADA;
		padding:.5rem .8rem .5rem .8rem;
	}
}
ul.setting-list {
	margin:.2rem;
	li {
		a {
			color:$oil !important;
			font-weight:bold;
		}
	}
}
header.head-set {
	padding:.6rem 0 .6rem 0;
	border-bottom:solid 1px #f5f5f5;
}
.right-div-8 {
	background:white;
	border-radius:.45rem;
}

.left-div-4 {
	background:white;
	border-radius:.45rem;
	margin-bottom:1rem;
}
ul.pagination {
	.current {
		background:$maincolor !important;
	}
}


.alert-panel {
  margin-bottom: 1.5em;
  line-height: 1.3em;
  border-radius:.35rem;
}
.alert-panel p, .alert-panel a, .alert-panel h1, .alert-panel h2, .alert-panel h3, .alert-panel h4, .alert-panel h5, .alert-panel h6 {
  margin-bottom: 0;
  margin-top: 0;
}


/* Alert panel title */
.alert-panel-title {
  background-color: $maincolor;
  border: none;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  font-size: .98em;
  color: white;
  font-weight: bold;
  font-size:.8rem;
  line-height: 1.3em;
  position: relative;
  padding: 10px 34px 10px 10px;
  display: block;
}

/* Alert panel close button */
.alert-panel.close {
  font-size:.9rem !important;
  background-color: none;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0px 12px 0.25em;
  line-height: -4px;
  font-size: 0.8em;
  font-weight: bold;
  color: #2284a1;
  -webkit-transition: all, 300ms;
  -moz-transition: all, 300ms;
  -o-transition: all, 300ms;
  transition: all, 300ms;
}
.alert-panel.close:hover, .alert-panel.close:active {
  background-color: none;
  color: #cdebf5;
}
/* Alert panel message area */
.alert-panel-message {
  background: white;
  border-left: solid 1px $maincolor;
  border-right: solid 1px $maincolor;
  padding: 20px;
  line-height: 1.3;
}

/* Alert panel action area */
.alert-panel-action {
  background: #e3f4f9;
  border: solid 1px $maincolor;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 10px;
  text-align: right;
  a.success {
  	background:$maincolor !important;
  }
} 



/*blueprint tab*/
.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 1em 0 2em;
	font-weight: 100;
}

/* Nav */
.tabs nav {
	text-align: left;
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {
	margin: 0 0.25em;
	display: block;
	float: left;
	position: relative;
	background:white;
	border-radius:.25rem .25rem 0 0;
}
.grouptabxy {
.tabs nav ul li {
	margin: 0 0.1em;
	display: block;
	float: left;
	position: relative;
	background:#F9F9F9;
	border-radius:0 !important;
}	
}

.tabs nav li.tab-current {
	border-top: 1px solid $maincolor;
	box-shadow: inset 0 2px $maincolor;
}
.grouptabxy {
	.tabs nav li.tab-current {
		border-top: 1px solid white !important;
			box-shadow: inset 0 2px white;
	}	
}
.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
	content: '';
	position: absolute;
	height: 1px;
	right: 100%;
	bottom: 0;
	width:0px;
	background: #47a3da;
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 0px;
}

.tabs nav a {
	color: gray;
	display: block;
	font-size: .85em;
	line-height: 2.5;
	padding: 0 1.25em;
	white-space: nowrap;
}

.tabs nav a:hover {
	color: #768e9d;
}

.tabs nav li.tab-current a {
	color: $maincolor;
}

/* Icons */
.tabs nav a:before {
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin: -0.25em 0.4em 0 0;
}

.icon-food:before {
	content: "\e600";
}

.icon-lab:before {
	content: "\e601";
}

.icon-cup:before {
	content: "\e602";
}

.icon-truck:before {
	content: "\e603";
}

.icon-shop:before {
	content: "\e604";
}

/* Content */
.content section {
	font-size: 1.25em;
	padding: 3em 1em;
	display: none;
	max-width: 1230px;
	margin: 0 auto;
}

.content section:before,
.content section:after {
	content: '';
	display: table;
}

.content section:after {
	clear: both;
}

/* Fallback example */
.no-js .content section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid #47a3da;
}

.content section.content-current {
	display: block;
}

.mediabox {
	float: left;
	width: 33%;
	padding: 0 25px;
}

.mediabox img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.mediabox h3 {
	margin: 0.75em 0 0.5em;
}

.mediabox p {
	padding: 0 0 1em 0;
	margin: 0;
	line-height: 1.3;
}

/* Example media queries */

@media screen and (max-width: 52.375em) {
	.tabs nav a span {
		display: none;
	}

	.tabs nav a:before {
		margin-right: 0;
	}

	.mediabox {
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}

	.mediabox img {
		float: left;
		margin: 0 25px 10px 0;
		max-width: 40%;
	}

	.mediabox h3 {
		margin-top: 0;
	}

	.mediabox p {
		margin-left: 40%;
		margin-left: calc(40% + 25px);
	}

	.mediabox:before,
	.mediabox:after {
		content: '';
		display: table;
	}

	.mediabox:after {
		clear: both;
	}
}

@media screen and (max-width: 32em) {
	.tabs nav ul,
	.tabs nav ul li a {
		width: 100%;
		padding: 0;
	}

	.tabs nav ul li {
		width: 20%;
		width: calc(20% + 1px);
		margin: 0 0 0 -1px;
	}

	.tabs nav ul li:last-child {
		border-right: none;
	}

	.mediabox {
		text-align: center;
	}

	.mediabox img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox p {
		margin: 0;
	}
}
.user-info-more {
	padding-bottom:.5rem !important;
	a span {
		background:$maincolor !important;
	}
}
.thread-res {
	border:solid 1px #DFE0E4 !important;
	a{
		color:$maincolor;
	}
	p {
		margin:0;
		color:gray;
		font-size:.78rem;
	}
	background:white;
	border-radius:.45rem;
	margin-bottom:1rem;
}
ul.bhb-tags {
	margin-bottom:-.6rem !important;
	li {
		label {
			a.thread-tags {
				background:#F5F5F5 !important;
				color:#999999 !important;
				padding:.21rem .5rem .21rem .5rem;
				border:solid 1px #808080;
			}
		}
	}
}
ul.bhb2-tag {
	margin-bottom:-.6rem !important;
	li {
		margin-right:-1rem !important;
		a {
			background:$maincolor !important;
			color:white !important;
			padding:.1rem .5rem .1rem .5rem !important;
		}
		a:hover {
			background:white !important;
			color:gray !important;
		}
	}
}
.job-feed {
	background:whitesmoke;
	border:solid 1px $snow;
	border-radius:.45rem;
	padding:.4rem;
	margin-bottom:.4rem;
	.img {
		height:3.5rem;
		width:3.5rem;
		border-radius:.4rem;
	}
	.job-det {
		p {
			margin:.1rem 0 .3rem 0;
			line-height:.96rem;
			color:gray;
			font-size:.9rem;
		}
		a.job-link {
			color:$maincolor;
			font-size:1.01rem;
			font-weight:bold;
		}
		a {
			color:$maincolor;
		}
	}
}
a.expand {
	background:$maincolor !important;
}
ul li a.active {
	background:$maincolor;
}
.group_member {
	height:10rem;
	width:10rem;
	border-radius:.45rem;
	.opacme {
		position:absolute;
		background:rgba(0,0,0,.789);
		bottom:0;
		width:100%;
		border-radius: 0 0 .45rem .45rem !important;
		a {
			color:white;
			font-size:.9rem;
		}
	}
	a.button {
		background:$maincolor !important;
	}
}
.xxyydd {
	padding:0;
	div {
		padding:0;
	}
}
.hov:hover .chnghov {
	background:rgba(0,0,0,.5) !important;
	width:100%;
	height:100%;
	position:absolute;
	border-radius:.45rem;
	transition: all 0.4s ease-in-out;
}
.hov:hover div.opacme a {
	color:$maincolor !important;
}
.hov:hover a.button {
	background:gray !important;
	border:solid 1px white;
	border-right:none !important;
	transition: all 0.8s ease-in-out;
}
.hov a.button:hover {
	font-weight:bold;
	transition: all 0.1s ease;
}
.hov a.button {
	border-radius:.45rem .45rem 0 .45rem;
}
.pri-set {
	color:gray !important;
	position:absolute;
	margin-top:.4rem;
	margin-left:.1rem;
	font-size:.67rem !important;	
}
.editcov {
	background:rgba(0,0,0,.4);
	padding:.35rem;
	border-radius:.35rem;
	transition: all 0.1s ease;
	margin-top:.5rem;	
	width:2.33rem;
	height:2.1rem;
	i {
		font-size:1.45rem;
		color:white;
	}
}
.editcov:hover {
	border-radius:.45rem;
	width:10rem;
	overflow:hidden;
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    -moz-transition: -moz-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
}
a.edit-covtxt {
	color:white;
	font-size:.9rem;
	opacity:0;
}
.editcov:hover a.edit-covtxt {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
	opacity:1
}
a.edit-covtxt:hover {
	text-decoration:underline;
	color:white !important;
}
.ch-item {
    width: 16.5rem;
    border-radius:16.5rem;
    height:16.5rem;
    overflow: hidden;
    position: relative;
    cursor: default;
    transition: all 0.4s ease-in-out;
}
.ch-item1 {
    height:12.5rem;
     overflow: hidden;
    position: relative;
    cursor: default;
    transition: all 0.4s ease-in-out;
}

.ch-info {
    position: absolute;
    background: rgba(63,147,147, 0.8);
    width: inherit;
    height: inherit;
    border-radius: 16.5rem;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    transform: scale(0);
}
.ch-info1 {
    position: absolute;
    background: rgba(63,147,147, 0.8);
    width: 100%;
    height: inherit;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    transform: scale(0);
}
.ch-info h5,.ch-info1 h5  {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    margin: 0 30px;
    padding: 45px 0 0 0;
    height: 140px;
    font-family: 'Open Sans', Arial, sans-serif;
    text-shadow:
        0 0 1px #fff,
        0 1px 2px rgba(0,0,0,0.3);
}
.ch-info p, .ch-info1 p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5);
    opacity: 0;
    transition: all 1s ease-in-out 0.4s;
}
.ch-info p a, .ch-info1 p a {
    display: block;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    padding-top: 4px;
    font-family: 'Open Sans', Arial, sans-serif;
}

.ch-item:hover {
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.1),
        0 1px 2px rgba(0,0,0,0.1);
}
.ch-item1:hover {
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.1),
        0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
    transform: scale(1);
    opacity: 1;
}
.ch-item1:hover .ch-info1 {
    transform: scale(1);
    opacity: 1;
}
.ch-item:hover .ch-info p {
    opacity: 1;
}
.ch-item1:hover .ch-info1 p {
    opacity: 1;
}
.privgroup {
	position:absolute;
	bottom:0;
	width:100%;
	background:black;
	color:white;
	padding:.8rem 0 .8rem .4rem;	
}
 .inv {
 	ul {
 		li {
 			a {
 				color:#3d3d3d !important;
 			}
 			a:hover {
 				color:$maincolor !important;
 				transition: all 0.6ms ease;
 			}
 			a.atv {
 				color: $maincolor !important;
 			}
 			padding:.4rem 1.1rem .4rem 1.1rem !important;
 			margin:0 !important;
 		}
 		li.atv {
 			background:#DFE0E4;
 		}
 		li:hover {
 			background:#DFE0E4;
 		}
 	}
 }
 .slideabout {
 	height:21rem !important;
 	background:gray;
 }
 a.searchResult {
 	color:$maincolor !important;
 	font-size:.89rem !important;
 	img {
 		height:2.5rem !important;
 		width:2.5rem !important;
 		border-radius:2.5rem !important;
 		margin-right:.23rem;
 	}
 }
 .ui-autocomplete {
    border:solid 1px #F2F2F2 !important;
 	border-top:none !important;
 	border-radius:0 0 .35rem .35rem !important;
 	li:hover {
 		background:#E1EDED !important;
 		border:none !important;
 	}
 }
 ul.searchWrapUl {
 	z-index:9999999999999999999999999999999999;
 }
 .editor-panel {
 	a.editor {
 		padding:.4rem .85rem .4rem .85rem;
 		background:#9CD6BC;
 		font-size:.789rem;
 		margin:0 !important;
 	}
 }
 .okcancel {
 	background:#9CD6BC;
 	width:13.5rem !important;
 	border-radius:0 0.35rem .35rem;
 }


 .transformbtn {
	transition:  0.2s ease;
    color:$oil !important; 
    position: absolute;
    font-size: 5rem;
    font-weight:bold;
    background:rgba(211,219,215,.8) !important;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
a.unsub {
	background:#79D9C2 !important;
	margin:0;
	color:white !important;
}
a.deactivate {
	background:#E0606D !important;
	margin:0;
	color:white !important;
}
.dashboard {
	padding:0;
}
.board-left {
	position:fixed;
	background:#EDEDED;
	height:100%;
	padding:0;
	.logo {
		height:3.89rem;
		padding:0 0 .5rem 0;
		background:#242A34;
		img {
			width:11.7rem;
		}

	}
	.list {
		padding:0;
		ul {
			margin:4.5rem 0 0 0;
			list-style:none;
			li {
				padding:.2rem;
				border-bottom:#4D4949 1px gray;
				a,i {
				color:#3d3d3d;
				}
				i {
					margin-left:1rem;
					margin-right:.9rem;
					font-size:1.1rem;
				}
				a {
					margin-top:0rem !important;
					position:absolute;
					font-size:.9rem;
				}
			}
			li.hov {
				background:white !important;
				border-right:solid 3px white;
				transition: background 0.2ms ease,
				    	    padding 0.8ms linear,
				    	    border 0.21ms ease;
			}
		}
	}
}
.board-right {
	padding:0;
	.head {
		background:#E8E9EE;
		position:fixed;
		height:3.89rem;
		padding:0;
		z-index:99999999999999;
	}
	.board-content {
		margin-top:4rem;
		padding:0;
	}
}
.backtomain {
	width:100%;
	position:absolute;
	bottom: 0;
	border-top:solid 1px white;
	a {
		color:white;
		font-weight:bold;
		font-size:.7rem;
	}
}
.box-dash {
	padding:.8rem;
	.yourgroup {
		padding:0;
		header {
			background:#E9573F;
			padding:0;
		}
		p {
			color:white;
			margin:0;
		}
		h4 {
			color:#E9573F;
		}

	}
	.yourgroup {
		padding:0;
		header {
			background:#E9573F;
			padding:.5rem 0 .5rem 0;
		}
		p {
			color:white;
			margin:0;
		}
		h4 {
			color:#E9573F;
			margin-top:1rem;
		}

	}
	.followedgroup {
		padding:0;
		header {
			background:#F6BB42;
			padding:.5rem 0 .5rem 0;
		}
		p {
			color:white;
			margin:0;
		}
		h4 {
			color:#F6BB42;
			margin-top:1rem;
		}

	}
	
	section {
		background:#E8E9EE;
		margin:0;
	}
}
.statdash {
	ul {
		list-style:none;
		margin:0 0 1rem 0;
		li {
			margin-bottom:-.2rem;
			i {
				color:gray;
			}
		}
	}
}
.sub-head-dashboard {
	background:$maincolor;
	padding:.3rem 0 .3rem 0;
	ul {
		margin:0 !important;
		li {
			a {
				color:white;
				font-size:.95rem;
			}
		}
	}
}
.mem-req {
	a.button {
		padding:.1rem .3rem .1rem .3rem !important;
	}
	
}
.admin-x {
	a {
		color:$maincolor;
	}
	a,span {
		font-size:.79rem;
	}
}
.mem-req-dash {
	background:#E8E9EE;
	padding:.4rem;
	border-radius:.25rem;
	margin-bottom:.5rem;
	img {
		height:2.4rem;width:2.4rem;
		border-radius:2.4rem;
	}
	a.th {
		border-radius:2.4rem;
	}
}
.assgn {
	margin-top:.45rem;
	padding-right:0;
}
.assign-in {
	padding:0rem;
	background:#E8E9EE;
	border-radius:.35rem;
	height:8.5rem;
	section.a {
		padding:.2rem 0 0 .2rem;
		a.th {
			border-radius:.35rem 0 0 0;
			img {
				height:3rem;
			}
		}
	}
	section.b {
		padding:0 0 0 .3rem;
	}
	div.text-center {
		padding:.6rem 0 .6rem 0;
		width:100%;
		position:absolute;
		bottom:0;
		margin:0 auto;
		background:rgba(0,0,0,.5);
		border-radius:0 0 .35rem .35rem;
		a.t {
			color:white;
		}
	}
	div.text-center:hover {
		background: rgba(0,0,0,.67) !important;
		transition: background 0.72s ease,
				    padding 0.8s linear,
				    border 0.21s ease;
	}
}
.urad {
	border-left:#E6E9ED solid 1px;
	height:20rem;
	div.pic {
		padding:0;
		a.th {
			border-radius:2rem;
			img {
				height:2rem;
				border-radius:2rem;
			}
		}
	}
	a.button {
		padding:.4rem .2rem .4rem .2rem
	}
}



/*practice*/
.parent {
	background:green;
	p {
		color:yellow;
		.child & {
			padding:0;
		}
	}
}
> h1 {
  color:green;
}

a {
	text-decoration:none;
	&:hover {
		color:blue;
	}
}
.timeline {
    white-space:nowrap;
    padding:3px 0 10px 0;
}

.entry {
    text-align:center;
    position:relative;
    border-radius:30px;
  
}
.entry:after {
    content:'.';
    width:7px;
    height:7px;
    font-size: 3rem;
    font-weight: bold;
    position:absolute;
    top:-52px;
    color:black;
    margin-left:-6px;
}

.entry h5 a {
    color:#3d3d3d;
    font-size:.85rem;
    font-family:Georgia, serif;
    font-weight:normal;
}
.entry h5 a.current {
    color:$maincolor;
}

.bar {
    height:4px;
    background:black;
    width:100%;
    position:relative;
    top:4px;
}
.editmyaccount .editlink {
	display:none;

}
.editmyaccount:hover .editlink {
	display:block;

}
#tbody-sparkline {
	a {
		color:$maincolor !important;
	}
}
.job5x {
	height:70%;
	.job-i {
		height:100%;
		padding:0;
		background:rgba(0,0,0,.65);
		-webkit-box-shadow: inset -9px -26px 136px -16px rgba(51,49,51,1);
        -moz-box-shadow: inset -9px -26px 136px -16px rgba(51,49,51,1);
         box-shadow: inset -9px -26px 136px -16px rgba(51,49,51,1);
         h2 {
         	color:white;
         	margin-top:5rem;
         	font-weight:bold;
         }
         h3 {
         	color:white;
         }
	}
	.job-bt {
		background:rgba(0,158,161,.65);
		border-radius:.35rem;
		padding:.5rem 1rem 1rem 1rem;
		margin-top:1rem;
		p {
			margin:0 0 .6rem 0;
			color:white;
			font-size:.74rem;
			font-weight:bold;
		}
		a {
			margin:0;
		}
	}
	.job-bt2 {
		position:absolute;
		height:26%;
		bottom:0;
		background:rgba(0,0,0,.75);
		a.button {
			border:solid  $maincolor;
			font-weight:bold;
			background:$maincolor;
			margin:0;position: relative;
			top: 50%;
			  -webkit-transform: translateY(-50%);
			  -ms-transform: translateY(-50%);
			  transform: translateY(-50%);left:0 auto;
		}
		a.hw {
			background:white;
			color:$maincolor;
			border:solid  gray;
		}
	}
}
.category-jb {
	padding:.2rem;
	.category-hov {
		padding:0;
		border-radius:.25rem;
	}
	div.now {
		border-radius:.25rem;
		height:9.3rem;
		padding:.6rem;
		background:rgba(0,158,161,.85);
		transition: all 0.25s ease;
		text-align:center;
		p {
			color:white;
			font-weight:bold;
		}
		label {
			display:none;
		}
		img {
			height:3.7rem;
			width:3.7rem;
			border-radius:3.7rem;
		}
	}
}
div.now:hover {
	background:rgba(0,158,161,.65);
	transition: all 0.1ms ease;
}
div.now:hover p{
	color:rgba(255,255,255,.1);
	transition: color 0.9s ease;
	bottom:0;
}
div.now:hover label{
	line-height:1.23rem;
	display:block;
	color:white;
	transition: color 1s ease;
}
div.now:hover img{
	height:2.34rem;
	width:2.34rem;
	padding:.2rem;
	border-radius:2.34rem;
	border:solid skyblue;
	transition: border 0.2s ease;
}
.signup-panel{
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 15px;
  margin-top: 30px;
  background: white;
  i{
    font-size: 30px;
    line-height: 50px;
    color: #999;
  }
  form{
    input, span{
    height: 50px;
  }
  
  }
  .welcome{
    font-size: 26px;
    text-align: center;
    margin-left: 0;
  }
  p{
    font-size: 7px;
    font-weight: 200;
    margin-left: 25%;
  }
  .button{
    background: $maincolor;
  }
  
}
.adheader{
    background: white;
    padding:.5rem 0 .5rem 0;
    h4 {
        margin: 0 0 -.9rem 0;
        color:$maincolor;
    }
}
.admenu {
    position:fixed;
    height:100%;
    padding:0;
    background:#2B424D;
    ul {
        list-style: none;
        margin:3rem 0 0 0;
        li {
            padding:.5rem 0 .5rem 0;
            a, i {
                color:#CBD3D6;
            }
            a {
                margin-left:1rem;
            }
            i {
                margin-right:.8rem;
            }
        }
        li.active {
            border-right:solid 5px $maincolor;
        }
        li:hover {
            background:$maincolor;
            transition: background 0.25s ease;
        }
        li:hover a,i {
            color:white;
            transition: color 0.45s ease;
        }
    }
}
.adtb {
    
table a.link {
	color: $maincolor;
	text-decoration:none;
}
table a.link:link {
	color: #666;
	text-decoration:none;
}
table a.link:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table a.link:active,
table a.link:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;

}
table th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table th:first-child {
	text-align: left;
	padding-left:20px;
}
table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table tr {
	text-align: center;
	padding-left:20px;
}
table td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table tr:last-child td {
	border-bottom:0;
}
table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}
}
.adside {
    padding:0;
    height:100%;
    .adside-sub {
        background:#353535;
    }
}
.adimg {
    height:12rem;
    background:white;
    margin:.5rem 0 .5rem 0;
}
.adsubh {
    padding:0;
    ul {
        margin:.25rem 0 0 0;
        li {
            a{
                font-size:.9rem;
                color:$maincolor;
            }
        }
    }
}
.suggest {
	margin-top:4.2rem;
	textarea {
		height:5rem;
		border:solid 1px gray !important;
		border-radius:.25rem;
		max-height:11.5rem;
		min-height:9.2rem;
	}
	input[type="text"] {
		border-radius:.25rem;
	}
	.suggest-content {
		min-height:9rem;
		max-height:15rem;
	/*	overflow-y:scroll; */
		label {
			color:#3d3d3d !important;
		}
	}
	.suggest-content::-webkit-scrollbar {
		width: 6px;
		background-color: #F5F5F5;
	}

	.suggest-content::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: #F5F5F5;
	}

	.suggest-content::-webkit-scrollbar-thumb {
		background-color: #3d3d3d;	
	}
	.sugges-header {
		padding:0;
		background:white;
		padding:.3rem 0 0 0;
		ul {
			margin:0;
			li {
				a {
					color:#3d3d3d;
					font-size:.98rem
				}
				a.on {
					color:#3d3d3d;
					border-bottom:#009EA1 solid 3px;
					font-size:.98rem;
					font-family: 'Open Sans', sans-serif, Semibold;
					font-weight:600;
				}
			}
		}
	}
	.suggest-card {
		padding:.4rem 0 .4rem 0;
		border-radius:.3rem .3rem 0 0;
		a.th {
			height:3rem;
			width:3rem;
		}
		strong {
			color:$maincolor;
		}
	}
	.map {
	height:100%;
		padding:0;
		margin-top:1rem;
		.map-canvas {
			height:17rem;
			padding:0;
			background:#EFEFEF;
		}
	}
	.saveopt {
		padding:0;
		a {
			background:$maincolor;
		}
	}
}
.event {
	padding:0;
	ul {
		border-radius:.35rem !important;
		li {
			a {
				background:$snow !important;
				color:$gray !important;
			}
		}
	}
}
p.search_desc {
	display:block !important;
	font-size:.5rem;
	margin:-.8rem 0 .5rem 2.95rem;
}
a.searchx {
	padding-top:1rem !important;
}
.search-plot {
	padding-left:0;
	width: 100%;
	div {
		padding:0;
	}
	img {
		height:80;
		width:80;
		border-radius:100%;
	}
	p.name {
		color:grey;
		padding-left:0;
		font-size: .89rem;
		font-weight: bold;
	}
	.large-8 {
		padding-left:.4rem;
	}
	p.skills {
		color:$maincolor;
		font-size: .75rem;
		font-weight: bold;
		padding-left:0;
	}
}
.modalst {
	background:none !important;
	border:none;
	box-shadow:none;
	z-index:20;
}
.event-search {
	span.prefix {
		border:none;
		color:gray;
		border-radius: .25rem 0 0 .25rem;
		i {
			color:gray;
		}
	}
	.spt {
		border-radius: 0 .25rem .25rem 0;
	}
	.map-canvas {
		border-radius: .35rem;
	}
}